<template>
<div class="help">
    <common-banner></common-banner>
    <Tabs class="contain">
        <TabPane :label="this.$t('string.video')" icon="logo-youtube">
            <common-video-list></common-video-list>
        </TabPane>
        <TabPane :label="this.$t('string.faq')" icon="md-help-circle">
            <Collapse v-model="openCol">
              <Panel name="1">
                  史蒂夫·乔布斯
                  <p slot="content">史蒂夫·乔布斯（Steve Jobs），1955年2月24日生于美国加利福尼亚州旧金山，美国发明家、企业家、美国苹果公司联合创办人。</p>
              </Panel>
              <Panel name="2">
                  斯蒂夫·盖瑞·沃兹尼亚克
                  <p slot="content">斯蒂夫·盖瑞·沃兹尼亚克（Stephen Gary Wozniak），美国电脑工程师，曾与史蒂夫·乔布斯合伙创立苹果电脑（今之苹果公司）。斯蒂夫·盖瑞·沃兹尼亚克曾就读于美国科罗拉多大学，后转学入美国著名高等学府加州大学伯克利分校（UC Berkeley）并获得电机工程及计算机（EECS）本科学位（1987年）。</p>
              </Panel>
              <Panel name="3">
                  乔纳森·伊夫
                  <p slot="content">乔纳森·伊夫是一位工业设计师，现任Apple公司设计师兼资深副总裁，英国爵士。他曾参与设计了iPod，iMac，iPhone，iPad等众多苹果产品。除了乔布斯，他是对苹果那些著名的产品最有影响力的人。</p>
              </Panel>
          </Collapse>
        </TabPane>
    </Tabs>
    <common-foot></common-foot>
</div>
</template>
<script>
import CommonBanner from "@/views/common/Banner";
import CommonVideoList from "@/views/common/VideoList";
import CommonFoot from "@/views/common/Foot";
import ApiPath from "@/api/ApiPath";

export default {
  name: 'Help',
  components: {
    CommonBanner,
    CommonVideoList,
    CommonFoot
  },
  data () {
    return {
        openCol: ["1", "2", "3"]
    }
  },
  created() {
    this.$store.state.isNavShow = true;
  },
  beforeRouteEnter(to, from, next) {
    next(vm => {
      vm.$emit("setNav", to.meta.index);
    });
  },
  methods: {
  },
  mounted(){
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped="" type="text/css">
.bread{
   text-align: center;
   margin-bottom: $gSpace;
   font-size: .32rem
}
</style>
